From f717d984582e75747c123e30ed5672a69c6936f8 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Wed, 28 Jan 2015 17:11:34 +0100 Subject: [PATCH] Adwaita: another approach at the undershoot styling --- gtk/theme/Adwaita/_common.scss | 2 - gtk/theme/Adwaita/_drawing.scss | 70 +++++-- gtk/theme/Adwaita/gtk-contained-dark.css | 234 ++++++++++++++++------- gtk/theme/Adwaita/gtk-contained.css | 234 ++++++++++++++++------- 4 files changed, 385 insertions(+), 155 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 71e01ca7b8..bdf1c6bbf5 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -3289,6 +3289,4 @@ GtkVolumeButton.button { padding: 8px; } &.sidebar { background-color: transparent; // otherwise it get inherited } - - &:backdrop { background-image: none; } } diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss index d835dd06d7..0766f037d5 100644 --- a/gtk/theme/Adwaita/_drawing.scss +++ b/gtk/theme/Adwaita/_drawing.scss @@ -589,32 +589,60 @@ // top, bottom, right, left // - $_shadow_color: if($variant == 'light', transparentize(black, 0.7), transparentize(black, 0.5)); + $_undershoot_color: transparentize($fg_color, 0.6); + $_undershoot_base: transparentize($base_color, 0.5); + + $_1st_gradient_dir: bottom left; + $_2nd_gradient_dir: bottom right; + $_gradient_size: 13px 7px; + $_line_size: 100% 1px; + $_gradient_repeat: repeat-x; + $_background_position: left top; background-color: transparent; // shouldn't be needed, but better to be sure; - @if $p==top { - background-image: linear-gradient(to bottom, $_shadow_color, - transparentize($_shadow_color, 0.5) 3px, - transparent); - } + @if $p==top { box-shadow: 0 -1px $borders_color; } // vars are already set for top undershoot, there's just a box shadow to + // to cover the treeview lighter border, in the other cases it shouldn't be + // a problem @else if $p==bottom { - - background-image: linear-gradient(to top, transparentize(black, 0.5), - transparentize(black, 0.8) 3%, - transparent, - transparentize(black, 0.98) 25%, - transparent); + $_1st_gradient_dir: top left; + $_2nd_gradient_dir: top right; + $_background_position: bottom left; + } + + @else { // left + $_1st_gradient_dir: bottom right; + $_2nd_gradient_dir: top right; + $_gradient_size: 7px 13px; + $_line_size: 1px 100%; + $_gradient_repeat: repeat-y; + $_background_position: left top; + + @if $p==right { + $_1st_gradient_dir: bottom left; + $_2nd_gradient_dir: top left; + $_background_position: right top; + } } - @else { - $_dir: left; - - @if $p==left { $_dir: right; } - - background-image: linear-gradient(to $_dir, $_shadow_color, - transparentize($_shadow_color, 0.7) 2px, - transparent); - } + background-image: linear-gradient(to $_1st_gradient_dir, // first half triangle - colored + $_undershoot_color 18%, + transparentize($_undershoot_color, 1) 25%), + linear-gradient(to $_2nd_gradient_dir, // second half triangle - colored + $_undershoot_color 18%, + transparentize($_undershoot_color, 1) 25%), + linear-gradient(to $_1st_gradient_dir, // first half triangle - as a base + $_undershoot_base 18%, + transparentize($_undershoot_base, 1) 25%), + linear-gradient(to $_2nd_gradient_dir, // second half triangle - as a base + $_undershoot_base 18%, + transparentize($_undershoot_base, 1) 25%), + linear-gradient(to top, $_undershoot_base); // this is just a line + + border-#{$p}: 1px solid transparent; + background-size: $_gradient_size, $_gradient_size, $_gradient_size, $_gradient_size, $_line_size; + background-repeat: $_gradient_repeat, $_gradient_repeat, $_gradient_repeat, $_gradient_repeat, no-repeat; + background-position: $_background_position; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 22e1d3d819..455cf80d9f 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -482,7 +482,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, + .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, + .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, @@ -492,7 +493,9 @@ GtkTextView { border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -514,14 +517,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button:insensitive > .label { + .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, + .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button:insensitive:active > .label, .button:insensitive:checked > .label { + .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label, + .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, + .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .button.osd, .header-bar .osd.button.titlebutton, .titlebar .osd.button.titlebutton { @@ -763,7 +769,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, + .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, @@ -773,7 +780,9 @@ GtkTextView { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -795,14 +804,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:insensitive > .label { + .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { color: #a4b5c8; border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b436f, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label { color: inherit; } .osd .button.suggested-action { color: #eeeeec; @@ -904,7 +916,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, + .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, @@ -914,7 +927,9 @@ GtkTextView { border-color: #5e0707; background-image: linear-gradient(to bottom, #a41111); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -936,14 +951,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:insensitive > .label { + .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { color: #da9f9f; border-color: #5e0707; background-image: linear-gradient(to bottom, #9d1010, #a41111); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label { color: inherit; } .osd .button.destructive-action { color: #eeeeec; @@ -1016,7 +1034,8 @@ GtkTextView { padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > .button.text-button { + .stack-switcher > .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, + .titlebar .stack-switcher > .text-button.button.titlebutton { padding: 5px 10px 6px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { @@ -1055,7 +1074,8 @@ GtkTextView { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar GtkToolButton > .button:hover { + .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1063,7 +1083,9 @@ GtkTextView { text-shadow: 0 -1px rgba(0, 0, 0, 0.77976); icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1071,7 +1093,8 @@ GtkTextView { text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); } - .inline-toolbar GtkToolButton > .button:insensitive { + .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #323636); @@ -1080,26 +1103,32 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > .button:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop { + .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop { color: #939695; border-color: #1e2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked { + .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked { color: #939695; border-color: #1e2222; background-image: linear-gradient(to bottom, #2f3434); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive { color: #5d6767; border-color: #1e2222; background-image: linear-gradient(to bottom, #323636); @@ -1108,7 +1137,9 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked { color: #5d6767; border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); @@ -1147,12 +1178,14 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .header-bar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, - .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), .header-bar .linked > .button.titlebutton:dir(rtl), + .titlebar .linked > .button.titlebutton:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: solid; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, @@ -1165,7 +1198,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button { border-radius: 3px 0 0 3px; border-left-style: solid; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, @@ -1177,7 +1211,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button { border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .header-bar .linked > .button.titlebutton:last-child:dir(rtl), + .titlebar .linked > .button.titlebutton:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, @@ -1192,7 +1227,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl) { border-right-style: solid; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, @@ -1206,20 +1242,24 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, +.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-left-style: solid; border-top-style: none; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-style: solid; border-radius: 3px 3px 0 0; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } @@ -1430,7 +1470,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { color: #939695; @@ -1470,7 +1512,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { color: #939695; @@ -1486,7 +1530,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; @@ -1693,11 +1739,13 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, + .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, .header-bar.selection-mode .button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:checked, .titlebar.selection-mode .button.flat:backdrop:insensitive:active, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, @@ -1713,15 +1761,19 @@ GtkComboBox { background-image: linear-gradient(to bottom, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, + .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, @@ -1747,8 +1799,9 @@ GtkComboBox { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .titlebar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label { + .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, .header-bar.selection-mode .button:insensitive:active, @@ -1757,9 +1810,11 @@ GtkComboBox { border-color: #0b1e33; background-image: linear-gradient(to bottom, #1b436f, #1d4876); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); } - .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, + .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label { + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, + .header-bar.selection-mode .button:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { @@ -1800,8 +1855,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0.55); border-color: #0f2b48; } - .titlebar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action:backdrop, .header-bar.selection-mode .button.suggested-action:backdrop { @@ -1821,8 +1877,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(43, 100, 160, 0); border-color: #0f2b48; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .header-bar.selection-mode .selection-menu, @@ -3561,7 +3618,8 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { color: inherit; } @@ -3574,7 +3632,9 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { border-color: #1e2222; background-image: linear-gradient(to bottom, #262929); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, @@ -3597,14 +3657,17 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive > .label { + .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { color: #939695; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #2f3333, #323636); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .list-row, list-row.button, .header-bar list-row.button.titlebutton, @@ -3778,7 +3841,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button:backdrop { color: #939695; @@ -3794,7 +3858,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action { color: white; @@ -3834,7 +3899,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { color: #939695; @@ -3843,7 +3909,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action { color: white; @@ -3883,7 +3950,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { color: #939695; @@ -3892,7 +3960,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { border-left-style: solid; @@ -4046,10 +4115,17 @@ GtkInfoBar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info .button:insensitive > .label, + .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label, + .info .titlebar .button.titlebutton:insensitive > .label, .question .button:insensitive > .label, + .question .header-bar .button.titlebutton:insensitive > .label, + .question .titlebar .button.titlebutton:insensitive > .label, .warning .button:insensitive > .label, - .error .button:insensitive > .label { + .warning .header-bar .button.titlebutton:insensitive > .label, + .warning .titlebar .button.titlebutton:insensitive > .label, + .error .button:insensitive > .label, + .error .header-bar .button.titlebutton:insensitive > .label, + .error .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .info .button:backdrop, .question .button:backdrop, @@ -4073,10 +4149,17 @@ GtkInfoBar { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #0b1e33; } - .info .button:backdrop:insensitive > .label, + .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label, + .info .titlebar .button.titlebutton:backdrop:insensitive > .label, .question .button:backdrop:insensitive > .label, + .question .header-bar .button.titlebutton:backdrop:insensitive > .label, + .question .titlebar .button.titlebutton:backdrop:insensitive > .label, .warning .button:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label { + .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, + .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, + .error .button:backdrop:insensitive > .label, + .error .header-bar .button.titlebutton:backdrop:insensitive > .label, + .error .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } /************ @@ -4327,20 +4410,39 @@ GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton, .undershoot.top { background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 3px, transparent); } + box-shadow: 0 -1px #1c1f1f; + background-image: linear-gradient(to bottom left, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to bottom right, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to bottom left, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to bottom right, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top, rgba(41, 41, 41, 0.5)); + border-top: 1px solid transparent; + background-size: 13px 7px, 13px 7px, 13px 7px, 13px 7px, 100% 1px; + background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; + background-position: left top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 3%, transparent, rgba(0, 0, 0, 0.02) 25%, transparent); } + background-image: linear-gradient(to top left, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to top right, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to top left, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top right, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top, rgba(41, 41, 41, 0.5)); + border-bottom: 1px solid transparent; + background-size: 13px 7px, 13px 7px, 13px 7px, 13px 7px, 100% 1px; + background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; + background-position: bottom left; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.left { background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent 2px, transparent); } + background-image: linear-gradient(to bottom right, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to top right, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to bottom right, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top right, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top, rgba(41, 41, 41, 0.5)); + border-left: 1px solid transparent; + background-size: 7px 13px, 7px 13px, 7px 13px, 7px 13px, 1px 100%; + background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, no-repeat; + background-position: left top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.right { background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent 2px, transparent); } + background-image: linear-gradient(to bottom left, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to top left, rgba(238, 238, 236, 0.4) 18%, rgba(238, 238, 236, 0) 25%), linear-gradient(to bottom left, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top left, rgba(41, 41, 41, 0.5) 18%, rgba(41, 41, 41, 0) 25%), linear-gradient(to top, rgba(41, 41, 41, 0.5)); + border-right: 1px solid transparent; + background-size: 7px 13px, 7px 13px, 7px 13px, 7px 13px, 1px 100%; + background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, no-repeat; + background-position: right top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.sidebar { background-color: transparent; } -.undershoot:backdrop { - background-image: none; } /* GTK NAMED COLORS ---------------- diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index 3a1ec213b2..26a1f6eb0f 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -482,7 +482,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, + .button:backdrop:insensitive > .label, .header-bar .button.titlebutton:backdrop:insensitive > .label, + .titlebar .button.titlebutton:backdrop:insensitive > .label, .button.flat:backdrop:insensitive > .label, .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button:backdrop:insensitive:active, .button:backdrop:insensitive:checked, .button.flat:backdrop:insensitive:active, .header-bar .titlebutton.button:backdrop:insensitive:active, @@ -492,7 +493,9 @@ GtkTextView { border-color: #a8a8a8; background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .button:backdrop:insensitive:active > .label, .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .button:backdrop:insensitive:checked > .label, .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .button.flat:backdrop:insensitive:active > .label, .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .button.flat:backdrop:insensitive:checked > .label, .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -514,14 +517,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive > .label { + .button:insensitive > .label, .header-bar .button.titlebutton:insensitive > .label, + .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .button:insensitive:active, .button:insensitive:checked { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button:insensitive:active > .label, .button:insensitive:checked > .label { + .button:insensitive:active > .label, .header-bar .button.titlebutton:insensitive:active > .label, + .titlebar .button.titlebutton:insensitive:active > .label, .button:insensitive:checked > .label, .header-bar .button.titlebutton:insensitive:checked > .label, + .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .button.osd, .header-bar .osd.button.titlebutton, .titlebar .osd.button.titlebutton { @@ -763,7 +769,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, + .button.suggested-action:backdrop:insensitive > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label, .button.suggested-action.flat:backdrop:insensitive > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button.suggested-action:backdrop:insensitive:active, .button.suggested-action:backdrop:insensitive:checked, .button.suggested-action.flat:backdrop:insensitive:active, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active, @@ -773,7 +780,9 @@ GtkTextView { border-color: #5093da; background-image: linear-gradient(to bottom, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.suggested-action:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.suggested-action:backdrop:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:active > .label, .button.suggested-action:backdrop:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.suggested-action.flat:backdrop:insensitive:active > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:active > .label, .button.suggested-action.flat:backdrop:insensitive:checked > .label, .header-bar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .suggested-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -795,14 +804,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive > .label { + .button.suggested-action:insensitive > .label, .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .button.suggested-action:insensitive:active, .button.suggested-action:insensitive:checked { color: #b9d3f0; border-color: #1c5187; background-image: linear-gradient(to bottom, #4a8cd1, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.suggested-action:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label { + .button.suggested-action:insensitive:active > .label, .header-bar .suggested-action.button.titlebutton:insensitive:active > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:active > .label, .button.suggested-action:insensitive:checked > .label, .header-bar .suggested-action.button.titlebutton:insensitive:checked > .label, + .titlebar .suggested-action.button.titlebutton:insensitive:checked > .label { color: inherit; } .osd .button.suggested-action { color: #eeeeec; @@ -904,7 +916,8 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, + .button.destructive-action:backdrop:insensitive > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label, .button.destructive-action.flat:backdrop:insensitive > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive > .label { color: inherit; } .button.destructive-action:backdrop:insensitive:active, .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active, @@ -914,7 +927,9 @@ GtkTextView { border-color: #ef3131; background-image: linear-gradient(to bottom, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .button.destructive-action:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, + .button.destructive-action:backdrop:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:active > .label, .button.destructive-action:backdrop:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:backdrop:insensitive:checked > .label, .button.destructive-action.flat:backdrop:insensitive:active > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:active > .label, .button.destructive-action.flat:backdrop:insensitive:checked > .label, .header-bar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label, .titlebar .destructive-action.titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } @@ -936,14 +951,17 @@ GtkTextView { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive > .label { + .button.destructive-action:insensitive > .label, .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { color: #f8acac; border-color: #8e0b0b; background-image: linear-gradient(to bottom, #e52d2d, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .button.destructive-action:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label { + .button.destructive-action:insensitive:active > .label, .header-bar .destructive-action.button.titlebutton:insensitive:active > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:active > .label, .button.destructive-action:insensitive:checked > .label, .header-bar .destructive-action.button.titlebutton:insensitive:checked > .label, + .titlebar .destructive-action.button.titlebutton:insensitive:checked > .label { color: inherit; } .osd .button.destructive-action { color: #eeeeec; @@ -1016,7 +1034,8 @@ GtkTextView { padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > .button.text-button { + .stack-switcher > .button.text-button, .header-bar .stack-switcher > .text-button.button.titlebutton, + .titlebar .stack-switcher > .text-button.button.titlebutton { padding: 5px 10px 6px; } .stack-switcher > .button.image-button, .header-bar .stack-switcher > .titlebutton.button, .titlebar .stack-switcher > .titlebutton.button { @@ -1055,7 +1074,8 @@ GtkTextView { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } - .inline-toolbar GtkToolButton > .button:hover { + .inline-toolbar GtkToolButton > .button:hover, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:hover, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; @@ -1063,7 +1083,9 @@ GtkTextView { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px white; } - .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { + .inline-toolbar GtkToolButton > .button:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:active, .inline-toolbar GtkToolButton > .button:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #a1a1a1; @@ -1071,7 +1093,8 @@ GtkTextView { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; } - .inline-toolbar GtkToolButton > .button:insensitive { + .inline-toolbar GtkToolButton > .button:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #f4f4f4); @@ -1080,26 +1103,32 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar GtkToolButton > .button:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { + .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:insensitive:checked { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } .inline-toolbar GtkToolButton > .button:insensitive:active > .label, .inline-toolbar GtkToolButton > .button:insensitive:checked > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop { + .inline-toolbar GtkToolButton > .button:backdrop, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop { color: #8d9091; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #ededed); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked { + .inline-toolbar GtkToolButton > .button:backdrop:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:active, .inline-toolbar GtkToolButton > .button:backdrop:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:checked { color: #8d9091; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #d4d4d4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive { color: #c7c7c7; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #f4f4f4); @@ -1108,7 +1137,9 @@ GtkTextView { box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } .inline-toolbar GtkToolButton > .button:backdrop:insensitive > .label { color: inherit; } - .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked { + .inline-toolbar GtkToolButton > .button:backdrop:insensitive:active, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:active, .inline-toolbar GtkToolButton > .button:backdrop:insensitive:checked, .inline-toolbar .header-bar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked, + .inline-toolbar .titlebar GtkToolButton > .button.titlebutton:backdrop:insensitive:checked { color: #c7c7c7; border-color: #a8a8a8; background-image: linear-gradient(to bottom, #e7e7e7); @@ -1147,12 +1178,14 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .header-bar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, - .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { + .titlebar .inline-toolbar GtkToolButton:backdrop:dir(rtl) > .button.titlebutton, .osd .button:dir(rtl):hover, .osd .button:dir(rtl):active, .osd .button:dir(rtl):checked, .osd .button:dir(rtl):insensitive, .osd .button:dir(rtl):backdrop, .osd .button.suggested-action:dir(rtl), .osd .button.destructive-action:dir(rtl), .inline-toolbar .button:dir(rtl), .linked > .button:dir(rtl), .header-bar .linked > .button.titlebutton:dir(rtl), + .titlebar .linked > .button.titlebutton:dir(rtl), GtkComboBox.combobox-entry .entry:dir(rtl), GtkComboBox.combobox-entry .button:dir(rtl), .linked > GtkComboBox > .button:dir(rtl) { border-radius: 0; border-right-style: none; border-left-style: solid; } -.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, +.osd .button:first-child:hover, .osd .button:first-child:active, .osd .button:first-child:checked, .osd .button:first-child:insensitive, .osd .button:first-child:backdrop, .osd .button.suggested-action:first-child, .osd .button.destructive-action:first-child, .inline-toolbar .button:first-child, .linked > .button:first-child, .header-bar .linked > .button.titlebutton:first-child, +.titlebar .linked > .button.titlebutton:first-child, .inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:first-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:first-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:first-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:first-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:first-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:first-child > .button.flat, @@ -1165,7 +1198,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:first-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:first-child, GtkComboBox.combobox-entry .button:first-child, .linked > GtkComboBox:first-child > .button { border-radius: 3px 0 0 3px; border-left-style: solid; } -.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, +.osd .button:last-child:hover, .osd .button:last-child:active, .osd .button:last-child:checked, .osd .button:last-child:insensitive, .osd .button:last-child:backdrop, .osd .button.suggested-action:last-child, .osd .button.destructive-action:last-child, .inline-toolbar .button:last-child, .linked > .button:last-child, .header-bar .linked > .button.titlebutton:last-child, +.titlebar .linked > .button.titlebutton:last-child, .inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:last-child > .button.flat, @@ -1177,7 +1211,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child, GtkComboBox.combobox-entry .button:last-child, .linked > GtkComboBox:last-child > .button { border-radius: 0 3px 3px 0; } - .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), + .osd .button:last-child:dir(rtl):hover, .osd .button:last-child:dir(rtl):active, .osd .button:last-child:dir(rtl):checked, .osd .button:last-child:dir(rtl):insensitive, .osd .button:last-child:dir(rtl):backdrop, .osd .button.suggested-action:last-child:dir(rtl), .osd .button.destructive-action:last-child:dir(rtl), .inline-toolbar .button:last-child:dir(rtl), .linked > .button:last-child:dir(rtl), .header-bar .linked > .button.titlebutton:last-child:dir(rtl), + .titlebar .linked > .button.titlebutton:last-child:dir(rtl), .inline-toolbar GtkToolButton:last-child > .button.flat:dir(rtl), .inline-toolbar .header-bar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .header-bar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar .titlebar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .titlebar .inline-toolbar GtkToolButton:last-child > .button.titlebutton:dir(rtl), .inline-toolbar GtkToolButton:backdrop:last-child > .button.flat:dir(rtl), .inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.search-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar.location-bar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar .header-bar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.titlebutton, @@ -1192,7 +1227,8 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:backdrop:last-child:dir(rtl) > .button.titlebutton, GtkComboBox.combobox-entry .entry:last-child:dir(rtl), GtkComboBox.combobox-entry .button:last-child:dir(rtl), .linked > GtkComboBox:last-child > .button:dir(rtl) { border-right-style: solid; } -.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, +.osd .button:only-child:hover, .osd .button:only-child:active, .osd .button:only-child:checked, .osd .button:only-child:insensitive, .osd .button:only-child:backdrop, .osd .button.suggested-action:only-child, .osd .button.destructive-action:only-child, .inline-toolbar .button:only-child, .linked > .button:only-child, .header-bar .linked > .button.titlebutton:only-child, +.titlebar .linked > .button.titlebutton:only-child, .inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar.search-bar GtkToolButton:only-child > .button.flat, .inline-toolbar.location-bar GtkToolButton:only-child > .button.flat, .inline-toolbar .header-bar GtkToolButton:only-child > .button.titlebutton, .header-bar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar .titlebar GtkToolButton:only-child > .button.titlebutton, .titlebar .inline-toolbar GtkToolButton:only-child > .button.titlebutton, .inline-toolbar.toolbar GtkToolButton:backdrop:only-child > .button.flat, @@ -1206,20 +1242,24 @@ GtkComboBox.combobox-entry .titlebar .button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, +.linked.vertical > .entry, .linked.vertical > .entry:focus, .linked.vertical > .entry:insensitive, .linked.vertical > .entry:insensitive:backdrop, .linked.vertical > .entry:backdrop, .linked.vertical > .button, .header-bar .linked.vertical > .button.titlebutton, +.titlebar .linked.vertical > .button.titlebutton, .linked.vertical > .button:hover, .linked.vertical > .button:active, .linked.vertical > .button:checked, .linked.vertical > .button:backdrop, .linked.vertical > GtkComboBoxText > .button, .linked.vertical > GtkComboBox > .button { border-left-style: solid; border-top-style: none; border-radius: 0; } -.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, +.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .header-bar .linked.vertical > .button.titlebutton:first-child, +.titlebar .linked.vertical > .button.titlebutton:first-child, .linked.vertical > GtkComboBoxText:first-child > .button, .linked.vertical > GtkComboBox:first-child > .button { border-style: solid; border-radius: 3px 3px 0 0; } -.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, +.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .header-bar .linked.vertical > .button.titlebutton:last-child, +.titlebar .linked.vertical > .button.titlebutton:last-child, .linked.vertical > GtkComboBoxText:last-child > .button, .linked.vertical > GtkComboBox:last-child > .button { border-radius: 0 0 3px 3px; } -.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, +.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .header-bar .linked.vertical > .button.titlebutton:only-child, +.titlebar .linked.vertical > .button.titlebutton:only-child, .linked.vertical > GtkComboBoxText:only-child > .button, .linked.vertical > GtkComboBox:only-child > .button { border-radius: 3px; border-style: solid; } @@ -1430,7 +1470,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label { + .spinbutton.vertical .button:first-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:first-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:first-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) .button:first-child:backdrop { color: #8d9091; @@ -1470,7 +1512,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; } - .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label { + .spinbutton.vertical .button:last-child:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:last-child:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:last-child:insensitive > .label { color: inherit; } .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child:backdrop { color: #8d9091; @@ -1486,7 +1530,9 @@ GtkColorButton.button, .header-bar GtkColorButton.button.titlebutton, text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label { + .spinbutton.vertical .button:backdrop:insensitive > .label, .spinbutton.vertical .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical .titlebar .button.titlebutton:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .button:backdrop:insensitive > .label, .spinbutton.vertical:dir(rtl) .header-bar .button.titlebutton:backdrop:insensitive > .label, + .spinbutton.vertical:dir(rtl) .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { border-radius: 0; @@ -1693,11 +1739,13 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, + .titlebar.selection-mode .button:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive > .label, .header-bar.selection-mode .button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:backdrop:insensitive:active, .titlebar.selection-mode .button:backdrop:insensitive:checked, .titlebar.selection-mode .button.flat:backdrop:insensitive:active, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked, @@ -1713,15 +1761,19 @@ GtkComboBox { background-image: linear-gradient(to bottom, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, - .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, + .titlebar.selection-mode .button:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:active > .label, .titlebar.selection-mode .button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:active > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:active > .label, + .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, .titlebar.selection-mode .button.flat:backdrop:insensitive:checked > .label, .titlebar.selection-mode .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .titlebar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .header-bar.selection-mode .button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:active > .label, .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:active > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar.selection-mode .button.flat:backdrop:insensitive:checked > .label, - .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label { + .header-bar.selection-mode .titlebutton.button:backdrop:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .titlebutton.button:backdrop:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.flat:backdrop, .titlebar.selection-mode .titlebutton.button:backdrop, .titlebar.selection-mode .button.flat:insensitive, @@ -1747,8 +1799,9 @@ GtkComboBox { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; } - .titlebar.selection-mode .button:insensitive > .label, - .header-bar.selection-mode .button:insensitive > .label { + .titlebar.selection-mode .button:insensitive > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button:insensitive > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button:insensitive:active, .titlebar.selection-mode .button:insensitive:checked, .header-bar.selection-mode .button:insensitive:active, @@ -1757,9 +1810,11 @@ GtkComboBox { border-color: #1c5187; background-image: linear-gradient(to bottom, #4a8cd1, #5093da); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; } - .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, + .titlebar.selection-mode .button:insensitive:active > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:active > .label, .titlebar.selection-mode .button:insensitive:checked > .label, .titlebar.selection-mode .header-bar .button.titlebutton:insensitive:checked > .label, .header-bar.selection-mode .button:insensitive:active > .label, - .header-bar.selection-mode .button:insensitive:checked > .label { + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:active > .label, + .header-bar.selection-mode .button:insensitive:checked > .label, + .header-bar.selection-mode .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action, .header-bar.selection-mode .button.suggested-action { @@ -1800,8 +1855,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #a4c7ec; border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .titlebar.selection-mode .button.suggested-action:backdrop, .header-bar.selection-mode .button.suggested-action:backdrop { @@ -1821,8 +1877,9 @@ GtkComboBox { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(164, 199, 236, 0); border-color: #184472; } - .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, - .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label { + .titlebar.selection-mode .button.suggested-action:backdrop:insensitive > .label, .titlebar.selection-mode .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .header-bar.selection-mode .button.suggested-action:backdrop:insensitive > .label, + .header-bar.selection-mode .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .titlebar.selection-mode .selection-menu, .titlebar.selection-mode .selection-menu:backdrop, .header-bar.selection-mode .selection-menu, @@ -3729,7 +3786,8 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, + .list-row:selected .button:backdrop:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive > .label, .list-row:selected .button.flat:backdrop:insensitive > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive > .label { color: inherit; } @@ -3743,7 +3801,9 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, + .list-row:selected .button:backdrop:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:active > .label, .list-row:selected .button:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:backdrop:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:backdrop:insensitive:checked > .label, .list-row:selected .button.flat:backdrop:insensitive:active > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:active > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:active > .label, .titlebar .list-row:selected .titlebutton.button:backdrop:insensitive:active > .label, .list-row:selected .button.flat:backdrop:insensitive:checked > .label, .list-row:selected .header-bar .titlebutton.button:backdrop:insensitive:checked > .label, .header-bar .list-row:selected .titlebutton.button:backdrop:insensitive:checked > .label, .list-row:selected .titlebar .titlebutton.button:backdrop:insensitive:checked > .label, @@ -3767,14 +3827,17 @@ GtkPlacesSidebar.sidebar .view .separator:backdrop { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #184472; } - .list-row:selected .button:insensitive > .label { + .list-row:selected .button:insensitive > .label, .list-row:selected .header-bar .button.titlebutton:insensitive > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .list-row:selected .button:insensitive:active, .list-row:selected .button:insensitive:checked { color: #8d9091; border-color: #a1a1a1; background-image: linear-gradient(to bottom, #ebebeb, #f4f4f4); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .list-row:selected .button:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label { + .list-row:selected .button:insensitive:active > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:active > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:active > .label, .list-row:selected .button:insensitive:checked > .label, .list-row:selected .header-bar .button.titlebutton:insensitive:checked > .label, + .list-row:selected .titlebar .button.titlebutton:insensitive:checked > .label { color: inherit; } .list-row, list-row.button, .header-bar list-row.button.titlebutton, @@ -3948,7 +4011,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button:backdrop { color: #8d9091; @@ -3964,7 +4028,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action { color: white; @@ -4004,7 +4069,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive { color: #8d9091; @@ -4013,7 +4079,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .suggested-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .suggested-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action { color: white; @@ -4053,7 +4120,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:backdrop:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:backdrop:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { color: #8d9091; @@ -4062,7 +4130,8 @@ GtkCalendar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label { + .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive > .label, .message-dialog.csd .dialog-action-area .header-bar .destructive-action.button.titlebutton:insensitive > .label, + .message-dialog.csd .dialog-action-area .titlebar .destructive-action.button.titlebutton:insensitive > .label { color: inherit; } .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:hover, .message-dialog.csd .dialog-action-area .button:active, .message-dialog.csd .dialog-action-area .button:insensitive, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action, .message-dialog.csd .dialog-action-area .button.suggested-action:hover, .message-dialog.csd .dialog-action-area .button.suggested-action:active, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop, .message-dialog.csd .dialog-action-area .button.suggested-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.suggested-action:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action, .message-dialog.csd .dialog-action-area .button.destructive-action:hover, .message-dialog.csd .dialog-action-area .button.destructive-action:active, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop, .message-dialog.csd .dialog-action-area .button.destructive-action:backdrop:insensitive, .message-dialog.csd .dialog-action-area .button.destructive-action:insensitive { border-left-style: solid; @@ -4216,10 +4285,17 @@ GtkInfoBar { text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info .button:insensitive > .label, + .info .button:insensitive > .label, .info .header-bar .button.titlebutton:insensitive > .label, + .info .titlebar .button.titlebutton:insensitive > .label, .question .button:insensitive > .label, + .question .header-bar .button.titlebutton:insensitive > .label, + .question .titlebar .button.titlebutton:insensitive > .label, .warning .button:insensitive > .label, - .error .button:insensitive > .label { + .warning .header-bar .button.titlebutton:insensitive > .label, + .warning .titlebar .button.titlebutton:insensitive > .label, + .error .button:insensitive > .label, + .error .header-bar .button.titlebutton:insensitive > .label, + .error .titlebar .button.titlebutton:insensitive > .label { color: inherit; } .info .button:backdrop, .question .button:backdrop, @@ -4243,10 +4319,17 @@ GtkInfoBar { icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #1c5187; } - .info .button:backdrop:insensitive > .label, + .info .button:backdrop:insensitive > .label, .info .header-bar .button.titlebutton:backdrop:insensitive > .label, + .info .titlebar .button.titlebutton:backdrop:insensitive > .label, .question .button:backdrop:insensitive > .label, + .question .header-bar .button.titlebutton:backdrop:insensitive > .label, + .question .titlebar .button.titlebutton:backdrop:insensitive > .label, .warning .button:backdrop:insensitive > .label, - .error .button:backdrop:insensitive > .label { + .warning .header-bar .button.titlebutton:backdrop:insensitive > .label, + .warning .titlebar .button.titlebutton:backdrop:insensitive > .label, + .error .button:backdrop:insensitive > .label, + .error .header-bar .button.titlebutton:backdrop:insensitive > .label, + .error .titlebar .button.titlebutton:backdrop:insensitive > .label { color: inherit; } /************ @@ -4498,20 +4581,39 @@ GtkVolumeButton.button, .header-bar GtkVolumeButton.button.titlebutton, .undershoot.top { background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent 3px, transparent); } + box-shadow: 0 -1px #a1a1a1; + background-image: linear-gradient(to bottom left, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to bottom right, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to bottom left, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to bottom right, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top, rgba(255, 255, 255, 0.5)); + border-top: 1px solid transparent; + background-size: 13px 7px, 13px 7px, 13px 7px, 13px 7px, 100% 1px; + background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; + background-position: left top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2) 3%, transparent, rgba(0, 0, 0, 0.02) 25%, transparent); } + background-image: linear-gradient(to top left, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to top right, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to top left, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top right, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top, rgba(255, 255, 255, 0.5)); + border-bottom: 1px solid transparent; + background-size: 13px 7px, 13px 7px, 13px 7px, 13px 7px, 100% 1px; + background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; + background-position: bottom left; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.left { background-color: transparent; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 2px, transparent); } + background-image: linear-gradient(to bottom right, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to top right, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to bottom right, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top right, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top, rgba(255, 255, 255, 0.5)); + border-left: 1px solid transparent; + background-size: 7px 13px, 7px 13px, 7px 13px, 7px 13px, 1px 100%; + background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, no-repeat; + background-position: left top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.right { background-color: transparent; - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent 2px, transparent); } + background-image: linear-gradient(to bottom left, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to top left, rgba(46, 52, 54, 0.4) 18%, rgba(46, 52, 54, 0) 25%), linear-gradient(to bottom left, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top left, rgba(255, 255, 255, 0.5) 18%, rgba(255, 255, 255, 0) 25%), linear-gradient(to top, rgba(255, 255, 255, 0.5)); + border-right: 1px solid transparent; + background-size: 7px 13px, 7px 13px, 7px 13px, 7px 13px, 1px 100%; + background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, no-repeat; + background-position: right top; + background-origin: border-box, border-box, padding-box, padding-box, border-box; } .undershoot.sidebar { background-color: transparent; } -.undershoot:backdrop { - background-image: none; } /* GTK NAMED COLORS ---------------- -- 2.30.2